<html>
<head>
    <meta charset="UTF-8"/>
    <title>作业</title>
    <script src="jquery-3.6.0.js"></script>
    <script src="common.js"></script>
    <script src="userreg.js"></script>
    <style>
        select {
            margin-right: 10px;
            width: 170px;
        }

        .sex {
            margin-left: 20px;
            margin-right: 10px;
        }

    </style>
</head>
<body>

<form id="userForm">
    <div>姓名：
        <input id="name" name="name" required="required" type="text" value="">
    </div>
    <div>年龄：
        <input id="age" required="required" type="age" value="">(年龄必须为数字且大于等于18)
    </div>
    <div>学历：
        <select id="sel_degree" name="degree"></select>
    </div>
    <div>地址：
        <select id="sel_province_address" name="p_address">
            <option value="">
                请选择您所在的省份
            </option>
        </select>
        <select id="sel_city_address" name="c_address">
            <option value="">
                请选择您所在的城市
            </option>
        </select>
    </div>

    <div>
        性别:&nbsp;&nbsp;
        男<input class="sex" name='sex' type='radio' value='1'/>
        女<input class="sex" name='sex' type='radio' value='2'/>
    </div>


    <div>身高：
        <input id="height" maxlength="3" name="height" required="required" type="text" value="">
    </div>
    <div>爱好：
        篮球 <input name="lovey" type="checkbox" value="1"/>
        足球 <input name="lovey" type="checkbox" value="2"/>
        排球 <input name="lovey" type="checkbox" value="3"/>
    </div>

    <div>梦想：
        <input id="dream" maxlength="20" name="dream" required="required" type="text" value="">
    </div>
    <div>
        <input id="userFormSubmit" type="button" value="提交">
    </div>
</form>

</body>
</html>
